<script setup>
</script>
<template>
<div class="box">
    <slot></slot>
    <div class="top"><slot name="top"></slot></div>
    <div class="left"><slot name="left"></slot></div>
    <div class="right"><slot name="right"></slot></div>
</div>
</template>
<style scoped>
*{margin: 0;
padding: 0;
}
.top{
    height: 100px;
    background-color: antiquewhite;
}
.left{
    height: 500px;
    width: 20%;
    background-color: aqua;
    float: left;
}
.right{
    height: 500px;
    width: 80%;
    background-color: red;
    float: left;
}
</style>